<template>
  <div class="dialogs">
    <EventCheck v-if="dialogs.event.check" />
    <EventChecking v-if="dialogs.event.checking" />
    <EventManage v-if="dialogs.event.manage" />
    <EventStatistics v-if="dialogs.event.statistics" />
    <EventReport v-if="dialogs.event.report" />
    <EventSearch v-if="dialogs.event.search" />
    <NoticeAdd v-if="dialogs.notice.add" />
    <NoticeShow v-if="dialogs.notice.show" />
    <UserManage v-if="dialogs.user.manage" />
    <UserUpdate v-if="dialogs.user.update" />
    <!-- 动态组件 -->
    <!-- <component :is="UserLogout"></component> -->
  </div>
</template>

<script setup>
import EventCheck from './components/event/eventCheck.vue' // 事件审核
import EventChecking from './components/event/eventChecking.vue' // 事件审核中
import EventManage from './components/event/eventManage.vue' // 事件管理
import EventStatistics from './components/event/eventStatistics.vue' // 事件统计
import EventReport from './components/event/eventReport.vue' // 事件报告
import EventSearch from './components/event/eventSearch.vue' // 事件查询(搜索)
import NoticeAdd from './components/notice/noticeAdd.vue' // 公告登出
import NoticeShow from './components/notice/noticeShow.vue' // 公告管理
import UserManage from './components/user/userManage.vue' // 用户管理
import UserUpdate from './components/user/userUpdate.vue' // 用户改密
import { useDialogsStore } from '@/stores/dialogs' // 使用pinia
const { dialogs } = useDialogsStore()
</script>
<style scoped>
.dialogs {
  position: fixed;
  top: 58px;
  left: 0;
  display: flex;
  z-index: 999;
}
/* 统一设置全部对话框的标题字体大小 */
:global(.el-dialog__title) {
  font-size: 28px;
  font-weight: bold;
}
:global(.el-drawer__title) {
  font-size: 28px;
  font-weight: bold;
}
</style>
